<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="cj.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
        integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">


</head>

<body>
    <div class="main"> 
        <div class="totop" id="box">
            <span class="glyphicon glyphicon-menu-up">
            </span>
        </div>          
            
        <div class="header">
            <div class="left"><img src="./logo1.png" alt=""></div>
            <div class="link">
                <span>首页</span>
                <span>关于我们</span>
                <span>产品服务</span>
                <span>经典案例</span>
                <span>联系我们</span>
            </div>

            <div class="text1">
                <h1>产品服务</h1>
                <h1>
                    全新的方式销售、服务、推广
                </h1>
                <p>
                    我们拥有策略、创意、技术、资源四大优势，为企业提供优质实效的微信营销服务，<br>
                    成就您永远快人一步的微信赢销之道！
                </p>
            </div>

            <!-- <div class="shadow"></div> -->
        </div>
    </div>
    <div class="main2">
        <div class="second">
            <div class="content">
                <div class="write">
                    <h2>社会化媒体传播</h2>
                    <p class="a">以落地活动为主要传播信息，定期将文字、图片及视频短片传到官方微信、微博进行传播。以目前最流行的微信、微博宣传增加品牌关注度、认知度、消费者信任度。</p>
                    <p>

                        <a href="#" onclick="return false;" class="b">了解详情＞</a>

                    </p>
                    <p class="c">
                        出乎意料地，足记经历了这次让人兴奋的爆发式增长。Yzhon公有云平台极致的资源响应速度和充分的弹性以及工程师们扎实的技术保障帮助我们成功地应对了这场异常艰难的技术考验
                    </p>
                </div>
                <div class="img">

                </div>
            </div>
        </div>

        <div class="second third">
            <div class="content">
                <div class="img1"></div>
                <div class="write">
                    <h2>移动互联网搭建</h2>
                    <p class="a">根据客户的需求，市场状况，企业情况等进行搭建适合客户的微信网站。</p>
                    <p>

                        <a href="#" onclick="return false;" class="b">了解详情＞</a>

                    </p>
                    <p class="c">
                        出乎意料地，足记经历了这次让人兴奋的爆发式增长。Yzhon公有云平台极致的资源响应速度和充分的弹性以及工程师们扎实的技术保障帮助我们成功地应对了这场异常艰难的技术考验
                    </p>
                </div>
            </div>

        </div>

        <div class="second">
            <div class="content">
                <div class="write">
                    <h2>微信全案营销</h2>
                    <p class="a">微信营销平台+微信活动营销+传播方案，为企业量身定制独立的全案营销方案，全方位的为客户提供有效的解决方案。


                    </p>
                    <p>

                        <a href="#" onclick="return false;" class="b">了解详情＞</a>

                    </p>
                    <p class="c">
                        在当今大数据时代的影响下，通过创意、新技术、新媒体的结合运用，为客户提供整合的解决方案与全方位的用户传播服务。我们注重专业，始终如一，让无限创意越过有限界限。最接地气的解决方案来源于理性思维加创造性思维及最高效的执行力。
                    </p>
                </div>
                <div class="img2"></div>
            </div>

        </div>

        <div class="second fifth">
            <div class="content">
                <div class="img3"></div>
                <div class="write">
                    <h2>定制项目开发</h2>
                    <p class="a">展示+推广+互动+成交"整体微信营销解决方案.企业业务转型与升级首选


                    </p>
                    <p>

                        <a href="#" onclick="return false;" class="b">了解详情＞</a>

                    </p>
                    <p class="c">
                        针对企业经营类型，产品特点的营销包装和推送，定制化解决方案
                    </p>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="content content1">
                <div class="left1">
                    <img class="asd" src="./logo-blue.png" alt="">
                    <div class="abc">QIANTUI移动公关第一品牌，我们拥有最全面的媒介数据库资源，我们能给您提供全面的服务 。</div>
                    <a href="#" class="def">
                        北京前友推广信息科技有限公司
                    </a>
                    <p>Copyright&reg2017</p>
                </div>
                <div class="left2">
                    <div class="foot">
                        <div><a href="" class="feet">关于我们</a></div>
                        <div><a href="" class="feet">联系我们</a></div>
                        <div><a href="" class="feet">加入我们</a></div>
                        <div><a href="" class="feet">产品服务</a></div>
                        <div><a href="" class="feet">经典案例</a></div>
                        
                        </div>
                </div>
                <div class="right1">
                    <div class="foot">
                        <div><a href="" class="foot">平台优势</a></div>
                        <div><a href="" class="feet">服务条款</a></div>
                        <div><a href="" class="feet">免责声明</a></div>
                        <div><a href="" class="feet">合作代理</a></div>
                        <div><a href="" class="feet">帮助中心</a></div>
                        
                    </div>
                </div>
                <div class="right2"></div>
            </div>

        </div>
    </div>
    <script>
    var timer = null;
    box.onclick = function () {
        cancelAnimationFrame(timer);
        timer = requestAnimationFrame(function fn() {          
         //  requestAnimationFrame() 可以放一个动画行为的函数进去
            var oTop = document.body.scrollTop || document.documentElement.scrollTop;
            if (oTop > 0) {
                document.body.scrollTop = document.documentElement.scrollTop = oTop - 50;
                //递归 不断的调用动画帧函数 一直减少50
                timer = requestAnimationFrame(fn);
            } else {
                // 取消动画帧函数
                cancelAnimationFrame(timer);
            }
        });
    }
    </script>
</body>

</html>
